@import '../../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/bootstrap/breakpoints';

@include nb-install-component() {
  nb-tabset {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  nb-tab {
    padding: nb-theme(padding);
  }

  @include media-breakpoint-down(xs) {
    nb-tabset /deep/ul {
      font-size: 1rem;
      padding: 0 0.25rem;
    }
  }
}

.icon-button-examples {
  display: flex;
  justify-content: flex-start;

  button {
    margin-right: 2rem;
    min-width: 4rem;
  }
}

.icon-button-examples:not(:last-child) {
  margin-bottom: 1rem;
}
